* {
    margin: 0;
    padding: 0;
  }
  body {
    height: 100%;
    text-rendering: optimizeLegibility;
    min-width: 1200px;
  }
  html {
    box-sizing: border-box !important;
  }
  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }
  a:focus,
  a:active {
    outline: none;
  }
  
  a,
  a:focus,
  a:hover {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
  }
  li,
  ul {
    list-style-type: none;
  }
  p {
    margin: 0;
    padding: 0;
  }
  
  .flex {
    display: flex;
  }
  .flex_center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex_around {
    display: flex;
    justify-content: space-around;
  }
  .flex_end {
    display: flex;
    justify-content: flex-end;
  }
  .flex_between {
    display: flex;
    justify-content: space-between;
  }
  .flex_between_aligncenter {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .text_overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .mr_8 {
    margin-right: 8px;
  }
  .mb_16 {
    margin-bottom: 16px;
  }
  .text_ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .pointer {
    cursor: pointer;
  }
  
  .item_card {
    margin: 16px 16px 0 0;
    width: calc((100% - 3 * 16px) / 4);
    // min-height: 118px;
    &:nth-child(4n) {
      margin-right: 0;
    }
    // &:nth-child(-n + 4) {
    //   margin-top: 0 !important;
    // }
  }

